<template>
    <div>
        <el-row>
            <el-col :span="8">
                <el-card :body-style="{ padding: '0px' }">
                    <img :src="'http://qaoeufqhk.bkt.clouddn.com/' + info.logo" class="image" />
                    <div style="padding: 14px;">
                        <span>{{ info.name }}</span>
                        <div class="bottom clearfix">
                            <time class="time">{{ info.city }}</time>
                            <time class="time">{{ info.adress }}</time>
                        </div>
                    </div>
                </el-card>
            </el-col>
        </el-row>
    </div>
</template>

<script>
import { company_info } from '../../api/api';
export default {
    data() {
        return {
            currentDate: new Date(),
            info: {}
        };
    },
    methods: {
        get_companyinfo() {
            company_info({ uid: localStorage.getItem('uid') }).then(res => {
                this.info = res.data.data;
            });
        }
    },
    mounted: function() {
        this.get_companyinfo();
    }
};
</script>

<style>
.time {
    font-size: 13px;
    color: #999;
}

.bottom {
    margin-top: 13px;
    line-height: 12px;
}

.button {
    padding: 0;
    float: right;
}

.image {
    width: 100%;
    display: block;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: '';
}

.clearfix:after {
    clear: both;
}
</style>